<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>Projekt Starosta</title>
		<!-- Bootstrap Core CSS -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<!-- Custom CSS -->
		<link href="css/shop-homepage.css" rel="stylesheet">
		<style>
			.subject-table
			{
				display: table;
				width: 100%;
				border: 1px solid;
			}
			.subject-table-header, .subject-table-row
			{
				display: table-row;
				border: 1px solid;
			}
			.subject-table-header
			{
				background: #b0cdcb;
			}
			.subject-table-header-cell
			{
				display: table-cell;
				border: 1px solid;
				text-align:center;
			}	
			.add-news-subject-area
			{
				width: 100%;
			}
			.subject-input
			{
				width: 100px;
			}
			.subject-button
			{
				margin: 25px 0px;
			}
		</style>
	</head>
	<body>
		<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
			<div class="navbar-header">		  
				<a class="navbar-brand" href="index.html">Projekt Starosta</a>
					<ul class="nav navbar-nav">
						<li>
							<a href="#">O Projekcie</a>
						</li>
					 	<li>
							<a href="#">Kontakt</a>
						</li>
					</ul>
			</div>
				<ul class="nav navbar-right top-nav">
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> Użytkownik <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li>
								<a href="#"><i class="fa fa-fw fa-user"></i> Profil</a>
							</li>
							<li>
								<a href="#"><i class="fa fa-fw fa-envelope"></i> Ustawienia</a>
							</li>
							<li class="divider"></li>
							<li>
								<a href="#"><i class="fa fa-fw fa-power-off"></i> Wyloguj</a>
							</li>
						</ul>
					</li>
				</ul>
		</nav>
		<div class="container">
			<div class="row">
				<div class="col-md-3">
					<div class="list-group">
						<a href="subjects.html" class="list-group-item">Przedmioty</a>
						<a href="#" class="list-group-item">Zapisy</a>
						<a href="#" class="list-group-item">Menu</a>
					</div>
				</div>
				<div class="col-md-9">
					<div class="subject-table">
						<div class="subject-table-header subject-table-row">
							<div class="subject-table-header-cell">Nazwa przedmiotu</div>
							<div class="subject-table-header-cell">Typ zajęć</div>
							<div class="subject-table-header-cell">Dzień tygodnia</div>
							<div class="subject-table-header-cell">Rozpoczęcie</div>
							<div class="subject-table-header-cell">Zakończenie</div>
							<div class="subject-table-header-cell">Ilość miejsc</div>
							<div class="subject-table-header-cell">Ilość wolnych miejsc</div>
						</div>
						<div class="subject-table-row">
							<div class="subject-table-header-cell">JPO5</div>
							<div class="subject-table-header-cell">Lab</div>
							<div class="subject-table-header-cell">Poniedziałek</div>
							<div class="subject-table-header-cell">13:00</div>
							<div class="subject-table-header-cell">14:30</div>
							<div class="subject-table-header-cell">25</div>
							<div class="subject-table-header-cell">25</div>
						</div>
						<div class="subject-table-row">
							<div class="subject-table-header-cell">JPO5</div>
							<div class="subject-table-header-cell">Lab</div>
							<div class="subject-table-header-cell">Poniedziałek</div>
							<div class="subject-table-header-cell">14:30</div>
							<div class="subject-table-header-cell">16:00</div>
							<div class="subject-table-header-cell">25</div>
							<div class="subject-table-header-cell">25</div>
						</div>
						<div class="subject-table-row">
							<div class="subject-table-header-cell">AUE3</div>
							<div class="subject-table-header-cell">Lab</div>
							<div class="subject-table-header-cell">Poniedziałek</div>
							<div class="subject-table-header-cell">18:00</div>
							<div class="subject-table-header-cell">20:15</div>
							<div class="subject-table-header-cell">15</div>
							<div class="subject-table-header-cell">15</div>
						</div>
						<div class="subject-table-row">
							<div class="subject-table-header-cell">itd</div>
							<div class="subject-table-header-cell">itd</div>
							<div class="subject-table-header-cell">itd</div>
							<div class="subject-table-header-cell">itd</div>
							<div class="subject-table-header-cell">itd</div>
							<div class="subject-table-header-cell">itd</div>
							<div class="subject-table-header-cell">itd</div>
						</div>
					</div>
					<input type="submit" name="submit" value="Dodaj nowy przedmiot" class="subject-button">
					<div class="add-news-subject-area">
						<input type="text" name="login" id="LOGIN" class="login-input" placeholder="Nazwa przedmiotu">
						<select>
							<option value="Type">Typ zajęć</option>
							<option value="LAB">Lab</option>
							<option value="EXERCIES">Ćw</option>
							<option value="PROJECT">Projekt</option>
						</select>
						<select>
							<option value="Day">Dzień tygodnia</option>
							<option value="MONDAY">Poniedziałek</option>
							<option value="TUESDAY">Wtorek</option>
							<option value="WEDNESDAY">Środa</option>
							<option value="THURSDAY">Czwartek</option>
							<option value="FRIDAY">Piątek</option>
						</select>
						<input type="text" name="login" id="LOGIN" class="subject-input" placeholder="Rozpoczęcie">
						<input type="text" name="login" id="LOGIN" class="subject-input" placeholder="Zakończenie">
						<input type="text" name="login" id="LOGIN" class="subject-input" placeholder="Ilość miejsc">
						<input type="submit" name="submit" value="Nowy termin" class="login-button">
						<input type="submit" name="submit" value="Zapisz przedmiot w bazie" class="subject-button">
					</div>
				</div>
			</div>
		</div> 
		<div class="container">
			<hr>
			<footer>
				<div class="row">
					<div class="col-lg-12">
						<p>Copyright &copy; </p>
					</div>
				</div>
			</footer>
		</div>
		<!-- jQuery Version 1.11.0 -->
		<script src="js/jquery-1.11.0.js"></script>

		<!-- Bootstrap Core JavaScript -->
		<script src="js/bootstrap.min.js"></script>
	</body>
</html>
